﻿ul.dieu-khien-the {
    border-bottom: 3px solid #e5e5e5;
    margin-bottom: 10px;
}
    ul.dieu-khien-the:after {
        content: '';
        display: block;
        clear: both;
    }
    ul.dieu-khien-the.hien-tai-baigiang {
        border-bottom-color: #08c;
    }
    ul.dieu-khien-the.hien-tai-tailieu {
        border-bottom-color: #00c600;
    }
    ul.dieu-khien-the.hien-tai-baitap {
        border-bottom-color: #ffc000;
    }
    ul.dieu-khien-the.hien-tai-diendan {
        border-bottom-color: #fb0000;
    }
    ul.dieu-khien-the > li {
        float: left;
        display: block;
        white-space: nowrap;  
        position: relative;
        bottom: 0px;  
    }
        @-webkit-keyframes key-new-article {
            0% {
                top: -23px;
            }
            80% {
                top: -18px;
            }
            100% {
                top: -18px;
            }
        }
        ul.dieu-khien-the > li > i {
            display: block;
            position: absolute;
            top: -20px;
            left: 10px;
            font: normal 15px Berlin;
            height: 15px;
            line-height: 15px;
            padding: 0px 5px;
            text-align: center;
            z-index: 1;
            border-bottom: 1px solid;
            -webkit-animation: key-new-article 0.5s infinite alternate linear;
        }
            ul.dieu-khien-the > li.bai-giang > i {
                color: #08c;
            }
            ul.dieu-khien-the > li.tai-lieu > i {
                color: #00c600;
            }
            ul.dieu-khien-the > li.bai-tap > i {
                color: #ffc000;
            }
            ul.dieu-khien-the > li.dien-dan > i {
                color: #fb0000;
            }
            ul.dieu-khien-the > li > i:after {
                content: '';
                display: block;
                position: absolute;
                bottom: -8px;
                left: calc(50% - 3px);
                border: 3px solid transparent;
            }
                ul.dieu-khien-the > li.bai-giang > i:after {
                    border-top-color: #08c;
                }
                ul.dieu-khien-the > li.tai-lieu > i:after {
                    border-top-color: #00c600;
                }
                ul.dieu-khien-the > li.bai-tap > i:after {
                    border-top-color: #ffc000;
                }
                ul.dieu-khien-the > li.dien-dan > i:after {
                    border-top-color: #fb0000;
                }
        ul.dieu-khien-the > li > h2 {
            overflow: hidden;
            width: 40px;
            transition: 1s;
        }
            ul.dieu-khien-the > li > h2:hover,
            ul.dieu-khien-the.hien-tai-baigiang > li.bai-giang > h2,
            ul.dieu-khien-the.hien-tai-tailieu > li.tai-lieu > h2,
            ul.dieu-khien-the.hien-tai-baitap > li.bai-tap > h2,
            ul.dieu-khien-the.hien-tai-diendan > li.dien-dan > h2 {
                width: 130px;
            }
            ul.dieu-khien-the > li > h2 > a {
                color: white;
                display: block;
                font: normal 18px Freeway;
                line-height: 40px;
                padding: 0px 10px 0px 50px;
                text-decoration: none;
                margin-top: 4px;
                transition: 0.5s linear;
            }
                ul.dieu-khien-the > li.bai-giang > h2 > a {
                    background: #08c url('../../image/icon/40/BaiGiang.png') no-repeat left bottom;
                }
                ul.dieu-khien-the > li.tai-lieu > h2 > a {
                    background: #00c600 url('../../image/icon/40/TaiLieu.png') no-repeat left bottom;
                }
                ul.dieu-khien-the > li.bai-tap > h2 > a {
                    background: #ffc000 url('../../image/icon/40/BaiTap.png') no-repeat left bottom;
                }
                ul.dieu-khien-the > li.dien-dan > h2 > a {
                    background: #fb0000 url('../../image/icon/40/DienDan.png') no-repeat left bottom;
                }
                    ul.dieu-khien-the.hien-tai-baigiang > li.bai-giang > h2 > a,
                    ul.dieu-khien-the.hien-tai-tailieu > li.tai-lieu > h2 > a,
                    ul.dieu-khien-the.hien-tai-baitap > li.bai-tap > h2 > a,
                    ul.dieu-khien-the.hien-tai-diendan > li.dien-dan > h2 > a {
                        padding-top: 4px;
                        margin-top: 0px;
                    }
                    
ul.function-box > li > .dang-ky-khoa-hoc:after {
    content: 'Đăng ký nhóm';
}
ul.function-box > li > .huy-dang-ky-khoa-hoc:after {
    content: 'Hủy đăng ký';
}